<template>
  <div>
    <index-header></index-header>
    <index-swiper></index-swiper>
    <index-nav :items="navItems"></index-nav>
    <index-hot :items="hotItems"></index-hot>
    <index-like :items="likeItems"></index-like>
    <index-recommended :items="recommendedItems"></index-recommended>
    <div style="text-align: center; margin-bottom: .3rem">fengjian</div>
  </div>
</template>

<script>
import IndexHeader from './components/IndexHeader'
import IndexSwiper from './components/IndexSwiper'
import IndexNav from './components/IndexNav'
import IndexHot from './components/IndexHot'
import IndexLike from './components/IndexLike'
import IndexRecommended from './components/IndexRecommended.vue'
export default {
  name: 'Index',
  data: function () {
    return {
      navItems: [
        {index: 1, icon: 'http://img1.qunarzz.com/piao/fusion/1803/95/f3dd6c383aeb3b02.png', title: '景点门票'},
        {index: 2, icon: 'http://img1.qunarzz.com/piao/fusion/1804/ff/fdf170ee89594b02.png', title: '广州必游'},
        {index: 3, icon: 'http://img1.qunarzz.com/piao/fusion/1803/76/eb88861d78fb9902.png', title: '动物植园'},
        {index: 4, icon: 'http://img1.qunarzz.com/piao/fusion/1803/95/8246f27355943202.png', title: '游乐场'},
        {index: 5, icon: 'http://img1.qunarzz.com/piao/fusion/1803/89/55083b0f1951f302.png', title: '两江夜游'},
        {index: 6, icon: 'http://img1.qunarzz.com/piao/fusion/1803/89/55083b0f1951f302.png', title: '水上乐园'},
        {index: 7, icon: 'http://img1.qunarzz.com/piao/fusion/1803/3e/86314b2af03b7502.png', title: '一日游'},
        {index: 8, icon: 'https://img1.qunarzz.com/piao/fusion/1803/20/831d62d2e1c7be02.png', title: '打卡圣地'},
        {index: 9, icon: 'http://img1.qunarzz.com/piao/fusion/1803/95/f3dd6c383aeb3b02.png', title: '第二页1'},
        {index: 10, icon: 'http://img1.qunarzz.com/piao/fusion/1804/ff/fdf170ee89594b02.png', title: '第二页2'}
      ],
      hotItems: [
        {image: 'http://img1.qunarzz.com/sight/p0/1603/97/97a91e052b51aa9890.water.jpg_250x250_e3fdfad6.jpg', title: '天涯海角', money: 76},
        {image: 'http://img1.qunarzz.com/wugc/p189/201206/12/a3ace34bc010041193835fbb.jpg_250x250_91601e97.jpg', title: '南山文化旅游区', money: 122},
        {image: 'http://img1.qunarzz.com/sight/p0/1411/d0/3a3ac982cb22488d1b31dd2857fde18b.water.jpg_250x250_94c3ffcb.jpg', title: '蜈支洲岛', money: 76},
        {image: 'http://img1.qunarzz.com/sight/p0/1809/ff/ffc62d609a5c3521a3.img.jpg_250x250_4b6fbf3e.jpg', title: '亚龙湾热带天堂森林公园', money: 76},
        {image: 'http://img1.qunarzz.com/sight/p0/1710/96/960ddc12fffa353aa3.img.jpg_250x250_34d2d835.jpg', title: '三亚槟榔河温泉', money: 76},
        {image: 'http://img1.qunarzz.com/sight/p0/1501/cc/cc3792ba771daeea.water.jpg_250x250_9c7da611.jpg', title: '三亚凤凰岭海誓山盟景区', money: 76}
      ],
      likeItems: [
        {index: 1, image: 'http://img1.qunarzz.com/sight/p0/1508/89/895a1b7add84f23faca053ce9e3153db.water.jpg_200x200_99ae30ee.jpg', title: '北京欢乐谷', price: 98, location: '朝阳区', evaluationCount: 9999, star: 5, ps: '亚洲唯一飞行式过山车等你来挑战', service: '随买随用'},
        {index: 2, image: 'http://img1.qunarzz.com/sight/p0/1410/34/f540a04367d06820af4dfeaf0ad40257.water.jpg_200x200_dd14b532.jpg', title: '故宫', price: 98, location: '东城区', evaluationCount: 9999, star: 2, ps: '世界五大宫之首，穿越与您近在咫尺', service: '免票入园'},
        {index: 3, image: 'http://img1.qunarzz.com/sight/p0/1604/78/78873494f26e554090.water.jpg_200x200_331422ad.jpg', title: '京东石林峡', price: 98, location: '平谷区', evaluationCount: 9999, star: 1, ps: '谷内山峰挺立峭拔，天上美景落人间', service: '随买随用'},
        {index: 4, image: 'http://img1.qunarzz.com/sight/p0/1508/2f/e615bc3c8e0cf46d9fb92c58ac305f45.water.jpg_200x200_e4e69a48.jpg', title: '世界公园', price: 98, location: '丰台区', evaluationCount: 9999, star: 3, ps: '40个国家的109处著名古迹名胜微缩景点', service: '随买随用'}
      ],
      recommendedItems: [
        {index: 1, image: 'http://img1.qunarzz.com/sight/source/1509/81/0412da9c4db66a.jpg_r_640x214_8e23871e.jpg', title: '登高望远秋色佳', ps: '山顶满眼彩色，此情此景醉了'},
        {index: 3, image: 'http://img1.qunarzz.com/sight/source/1510/6e/1ea71e2f04e.jpg_r_640x214_aa6f091d.jpg', title: '北京温泉排行榜', ps: '细数北京温泉，温暖你的冬天'},
        {index: 4, image: 'http://img1.qunarzz.com/sight/source/1505/aa/7baaf8a851d221.jpg_r_640x214_1431200f.jpg', title: '北京必游TOP10', ps: '来北京必去的景点非这些地方莫属'},
        {index: 5, image: 'http://img1.qunarzz.com/sight/source/1505/9e/21df651e19af5d.jpg_r_640x214_3ea5bb38.jpg', title: '寻找北京的皇城范儿', ps: '数百年的宫廷庙宇，至今依旧威严霸气'},
        {index: 6, image: 'http://img1.qunarzz.com/sight/source/1505/ce/bc89bc2f0e33ea.jpg_r_640x214_3e408453.jpg', title: '学生最爱的博物馆', ps: '周末干嘛？北京很多博物馆已经免费开放啦'}
      ]
    }
  },
  components: {
    IndexHeader,
    IndexSwiper,
    IndexNav,
    IndexHot,
    IndexLike,
    IndexRecommended
  }
}
</script>

<style  scoped>

</style>
